﻿@model dynamic
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>排行榜</title>
    <link href="~/Content/iconstyle.css" rel="stylesheet" />
    <link href="~/Content/demo.css" rel="stylesheet" />
    <link href="~/Content/asidenav.css" rel="stylesheet" />
    <link href="~/Content/slicebox.css" rel="stylesheet" />
    <link href="~/Content/custom.css" rel="stylesheet" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Scripts/modernizr.custom.46884.js"></script>
</head>
<body>
    <div style="padding-top:10px ;padding-left:800px">
        <img src="~/img/logo.png" /><span style="font-size:30px; font-family:KaiTi;"> 随查科技网</span>
    </div>
    <br />
    <div>
        <div class="container">
            <div class="wrapper">
                <ul id="sb-slider" class="sb-slider">
                    <li>

                        <img src="~/img/tuku4/3.jpg" />

                    </li>
                    <li>
                        <img src="~/img/tuku4/2.jpeg" />

                    </li>
                    <li>
                        <img src="~/img/tuku4/1.jpeg" />
                    </li>
                    <li>
                        <img src="~/img/tuku4/4.jpeg" />

                    </li>
                    <li>
                        <img src="~/img/tuku4/5.jpeg" />

                    </li>
                    <li>
                        <img src="~/img/tuku4/6.jpg" />

                    </li>
                    <li>
                        <img src="~/img/tuku4/7.jpg" />

                    </li>
                </ul>
                <div id="shadow" class="shadow"></div>
                <div id="nav-arrows" class="nav-arrows">

                    <a href="#">Next</a>

                    <a href="#">Previous</a>

                </div>
                <div id="nav-dots" class="nav-dots">

                    <span class="nav-dot-current"></span>

                    <span></span>

                    <span></span>

                    <span></span>

                    <span></span>

                    <span></span>

                    <span></span>

                </div>
            </div><!-- /wrapper -->
        </div>
    </div>
    <br />

    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 style="font-family:KaiTi">分类排行榜</h2>
                <div class="panel panel-default"></div>
                <div class="col-md-2">
                    <img src="~/img/RL/index-icon-57.png" />
                    <p style="padding-left:37px">@Html.ActionLink("手机", "MobileLeaderboard", "RankingLists")</p>
                </div>

                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-16.png" />
                        <p style="padding-left:37px">笔记本电脑</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-268.png" />
                        <p style="padding-left:37px">镜头</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-27.png" />
                        <p style="padding-left:37px">台式电脑</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-28.png" />
                        <p style="padding-left:37px">CPU</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-314.png" />
                        <p style="padding-left:20px">平板电视</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-345.png" />
                        <p style="padding-left:37px">空调</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-359.png" />
                        <p style="padding-left:37px">冰箱</p>
                    </a>
                </div>

                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-372.png" />
                        <p style="padding-left:30px">洗衣机</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-406.png" />
                        <p style="padding-left:18px">空气净化器</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-5.png" />
                        <p style="padding-left:37px">主板</p>
                    </a>
                </div>
                <div class="col-md-2">
                    <a href="#">
                        <img src="~/img/RL/index-icon-15.png" />
                        <p style="padding-left:37px">相机</p>
                    </a>
                </div>
            </div>
        </div>
        <hr />
        <div class="row">
            <div class="col-md-6">
                <h2 style="font-family:KaiTi;color:blue"><span id="shouji" class="iconfont " style="font-size:30px;color:cornflowerblue">&#xe61c;</span>手机热门排行榜</h2>
                <div class="panel panel-info">

                    <table class="table">

                        <tr class=" list-group-item-info" active>
                            <th>
                                排名
                            </th>
                            <th>
                                型号
                            </th>
                            <th>
                                价格
                            </th>
                            <th>
                                <a href="#">更多 <span class="glyphicon glyphicon-menu-right" style="font-size:12px"></span></a>
                            </th>
                        </tr>
                        @foreach (var a in Model.MobileLeaderboards)
                        {
                            <tr>
                                <td>
                                    @a.MobilePhoneRanking
                                </td>
                                <td>
                                    @a.MobilePhoneModel
                                </td>
                                <td>
                                    <span class="glyphicon glyphicon-yen"></span> @a.MobilePhonePrice
                                </td>
                                <td></td>

                            </tr>
                        }

                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2 style="font-family:KaiTi;color:blue"><span id="shouji" class="iconfont " style="font-size:35px;color:cornflowerblue">&#xe615;</span>笔记本热门排行榜</h2>
                <div class="panel panel-info">

                    <table class="table">

                        <tr class=" list-group-item-info" active>
                            <th>
                                排名
                            </th>
                            <th>
                                型号
                            </th>
                            <th>
                                价格
                            </th>
                            <th>
                                <a href="#">更多 <span class="glyphicon glyphicon-menu-right" style="font-size:12px"></span></a>
                            </th>
                        </tr>
                        @foreach (var b in Model.NotebookLeaderboards)
                        {
                            <tr>
                                <td>
                                    @b.NotebookRanking
                                </td>
                                <td>
                                    @b.NotebookModel
                                </td>
                                <td>
                                    <span class="glyphicon glyphicon-yen"></span> @b.NotebookPrice
                                </td>
                                <td></td>
                            </tr>
                        }
                    </table>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-6">
                <h2 style="font-family:KaiTi;color:blue"><span id="shouji" class="iconfont " style="font-size:30px;color:cornflowerblue">&#xe7ea;</span>相机热门排行榜</h2>
                <div class="panel panel-info">

                    <table class="table">

                        <tr class=" list-group-item-info" active>
                            <th>
                                排名
                            </th>
                            <th>
                                型号
                            </th>
                            <th>
                                价格
                            </th>
                            <th>
                                <a href="#">更多 <span class="glyphicon glyphicon-menu-right" style="font-size:12px"></span></a>
                            </th>
                        </tr>
                        @foreach (var c in Model.CameraLeaderboards)
                        {
                            <tr>
                                <td>
                                    @c.CameraRanking
                                </td>
                                <td>
                                    @c.CameraType
                                </td>
                                <td>
                                    <span class="glyphicon glyphicon-yen"></span> @c.CameraPrice
                                </td>
                                <td></td>
                            </tr>
                        }

                    </table>
                </div>
            </div>
            <div class="col-md-6">
                <h2 style="font-family:KaiTi;color:blue"><span id="shouji" class="iconfont " style="font-size:25px;color:cornflowerblue">&#xe616;</span>平板电脑热门排行榜</h2>
                <div class="panel panel-info">

                    <table class="table">

                        <tr class=" list-group-item-info" active>
                            <th>
                                排名
                            </th>
                            <th>
                                型号
                            </th>
                            <th>
                                价格
                            </th>
                            <th>
                                <a href="#">更多 <span class="glyphicon glyphicon-menu-right" style="font-size:12px"></span></a>
                            </th>
                        </tr>
                        @foreach (var d in Model.TabletLeaderboards)
                        {
                            <tr>
                                <td>
                                    @d.TabletRanking
                                </td>
                                <td>
                                    @d.TabletModel
                                </td>
                                <td>
                                    <span class="glyphicon glyphicon-yen"></span> @d.TabletPrice
                                </td>
                                <td></td>
                            </tr>
                        }

                    </table>
                </div>
            </div>
        </div>


    </div>
    <hr />

    <div>
        <svg width="0" height="0">
            <defs>
                <filter id="goo">
                    <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
                    <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo"></feColorMatrix>
                    <feComposite in="SourceGraphic" in2="goo" operator="atop"></feComposite>
                </filter>
            </defs>
        </svg>
        <div class="aside-nav bounceInUp animated" id="aside-nav">
            <label for="" class="aside-menu" title="按住拖动">导航</label>

            <a href="../Account/Login" title="手机" class="menu-item menu-first">登录</a>
            <a href="../Account/Register" title="笔记本" class="menu-item menu-second">注册</a>
            <a href="../Home/Index" title="相机" class="menu-item menu-third">返回首页</a>
            <a href="../MobileLeaderboards/Index" title="平板" class="menu-item menu-line menu-fourth">管理员</a>
        </div>
    </div>
    <script src="~/Scripts/asidenav.js"></script>
    <script src="~/Scripts/jquery-3.3.1.js"></script>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script src="~/Scripts/jquery.slicebox.js"></script>
    <script type="text/javascript">
        $(function () {
            var Page = (function () {
                var $navArrows = $('#nav-arrows').hide(),
                    $navDots = $('#nav-dots').hide(),
                    $nav = $navDots.children('span'),
                    $shadow = $('#shadow').hide(),
                    slicebox = $('#sb-slider').slicebox({
                        onReady: function () {
                            $navArrows.show();
                            $navDots.show();
                            $shadow.show();
                        },
                        onBeforeChange: function (pos) {
                            $nav.removeClass('nav-dot-current');
                            $nav.eq(pos).addClass('nav-dot-current');
                        }
                    }),
                    init = function () {
                        initEvents();
                    },
                    initEvents = function () {
                        // add navigation events
                        $navArrows.children(':first').on('click', function () {
                            slicebox.next();
                            return false;
                        });
                        $navArrows.children(':last').on('click', function () {
                            slicebox.previous();
                            return false;
                        });
                        $nav.each(function (i) {
                            $(this).on('click', function (event) {
                                var $dot = $(this);
                                if (!slicebox.isActive()) {
                                    $nav.removeClass('nav-dot-current');
                                    $dot.addClass('nav-dot-current');
                                }
                                slicebox.jump(i + 1);
                                return false;
                            });
                        });
                    };
                return { init: init };
            })();
            Page.init();
        });

    </script>
    <hr>

    <div class="row">
        <div class="col-md-6">
            <a href="#">返回顶部</a>
        </div>

    </div>
    
    <footer>
        <p>&copy; @DateTime.Now.Year - 随查科技网</p>
    </footer>
</body>
</html>
